<template>
    <div class="index">
        <ul>
            <li>
                <router-link :to="{ path: '/list' ,query: { token: $route.query.token }}"><i class="iconfont icon-ai-safe"></i>
                    <p>安全问题列表</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/addsafe' ,query: { token: $route.query.token }}"><i class="iconfont icon-xinzeng"></i>
                    <p>安全问题上报</p>
                </router-link>
            </li>
        </ul>
    </div>
</template>

<script>
import utils from '@/utils'
import {
  getUserInfo,
  setUserInfo,
  logout
} from '@/utils/auth'
export default {
    data() {
        return {

        }
    },
    created(){
        // setUserInfo(utils.getQueryString('token'))
        console.log(getUserInfo().role)
    }
}
</script>
<style lang="less">
.index {
  ul {
    display: flex;
    padding: 0;
  }
  li {
    flex: 1;
    text-align: center;
  }
  i {
    font-size: 5rem !important;
    color: #03a9f4;
  }
  p {
    color: #03a9f4;
  }
}
</style>

